<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
<meta name="format-detection" content="telephone=no" />
<title>票务详情</title>
<meta content="" name="keywords" />
<meta content="" name="description" />
<meta content="" name="copyright" />
<meta content="" name="author" />
<meta name="robots" content="noarchive">
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="layer/layer.js"></script>
<script type="text/javascript" src="js/urlTool.js"></script>
<script type="text/javascript" src="js/mescroll.min.js"></script>
<link rel="stylesheet" href="css/public.css" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mescroll.min.css">
<link rel="stylesheet" href="css/swiper.min.css" />
</head>

<body class="bgf8">
<div id="mescroll" class="mescroll">
    <!--头部-->
    <div class="return_top bgyellow">
        <a href="viewtickettype.html">
            <span class="login_home cfff">票务列表</span>
        </a>
    </div>
    <!--//头部结束-->
    <!--swiper轮播-->
    <div class="swiper-container Banner-swiper">
        <div class="swiper-wrapper" id="recordInfo"></div>				
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-01"></div>
    </div>
    <!--//swiper轮播结束-->


    <div class="p20 c999">
        <p class="fz30 cblue" id="proName">票名</p>
        <div>市场价:<span id="proPrice" class="textthrough pr20"></span>会员价:<span id="proMenmberPrice" class="cred"></span></div>
        <p class="fz26">每日票量:<span id="proNum"></span></p>        
    </div>

    <div class="p20 c999">
        <p class="fz30 cblue">景点信息</p>
        <div class="clear">
            <div class="fl">
                <p id="proMsg">景点</p>
            </div>
        </div>        
    </div>
    
</div>
<!--底部-->
<div class="footerpage"></div>
<!--//底部-->
</body>
<script src="js/zepto.min.js"></script>
<script src="js/swiper.min.js"></script>
<script>
$(".footerpage").load("footer.html",'',function() {    
    $('#myCenter').addClass("select-two").children().attr("class","myCenterclick");
});
var id= getQueryVariable("id")||'';
$(function(){
    sm.req({
        url: '/sysProduct/getMsg',
        dataType:'json',
        type:'post',
        data: {id:id},
        done: function (res){
            var _str = ''; 
            if(res.code==200){
                if(res['data']['proPicList'].length==0||''){
                    img_attPath ='temp\/banner.jpg'
                    _str +='<div class="swiper-slide">'
                            +'<a href="#1"><img src="'+img_attPath+'" /></a>'
                    +'</div>';
                }else{
                    for(var i=0;i<res.data.proPicList.length;i++){
                        img_attPath =fileUrl+res['data']['proPicList'][i]['attPath'];
                        _str +='<div class="swiper-slide">'
                                +'<a href="#1"><img src="'+img_attPath+'" /></a>'
                        +'</div>';
                    }
                }
                $('#recordInfo').append(_str);
                $("#proName").html(res.data.proName);
                $("#proPrice").html(((res.data.proPrice)*0.01).toFixed(2));
                $("#proMenmberPrice").html(((res.data.proMenmberPrice)*0.01).toFixed(2));
                $("#proNum").html(res.data.proNum);
                $("#proMsg").html(res.data.proMsg);                
                //载入banner轮播
                var swiperFirst = new Swiper('.Banner-swiper', {
                    pagination: '.swiper-pagination-01',
                    paginationClickable: true,
                    loop: true,
                    autoplay : 2000,
                });
            }
            layer.open({
                content:res.message
                ,skin: 'msg'
                ,time: 2 //2秒后自动关闭
            });
            return false;                
        }
    })
})
</script>
</html>